<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html lang="en">
<head>
<meta charset="utf-8">
<title>LocalTest</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="./css/font-awesome.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<link href="./css/pages/dashboard.css" rel="stylesheet">
</head>
<body>
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container" style="width: 90%">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </a><a class="brand" href="index.html">LocalTest </a>
				<div class="nav-collapse">
					<ul class="nav pull-right">
						<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i> <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="javascript:;">设置</a></li>
								<li><a href="javascript:;">关于我</a></li>
							</ul></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i> <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="javascript:;">联系我</a></li>
								<li><a href="javascript:;">登出</a></li>
							</ul></li>
					</ul>
					<form class="navbar-search pull-right">
						<input type="text" class="search-query" placeholder="Search">
					</form>
				</div>
				<!--/.nav-collapse -->
			</div>
			<!-- /container -->
		</div>
		<!-- /navbar-inner -->
	</div>
	<!-- /navbar -->
	<div class="subnavbar">
		<div class="subnavbar-inner">
			<div class="container" style="width: 90%">
				<ul class="mainnav">
					<li class="active"><a href="index.html"><i class="icon-dashboard"></i><span>查询</span> </a></li>
					<li><a href="reports.html"><i class="icon-list-alt"></i><span>验舱</span> </a></li>
					<li><a href="guidely.html"><i class="icon-facetime-video"></i><span>验价</span> </a></li>
					<li><a href="charts.html"><i class="icon-bar-chart"></i><span>建单</span> </a></li>
					<li><a href="shortcodes.html"><i class="icon-code"></i><span>支付</span> </a></li>
					<li class="dropdown"><a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-long-arrow-down"></i><span>Drops</span> <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="icons.html">Icons</a></li>
							<li><a href="faq.html">FAQ</a></li>
							<li><a href="pricing.html">Pricing Plans</a></li>
							<li><a href="login.html">Login</a></li>
							<li><a href="signup.html">Signup</a></li>
							<li><a href="error.html">404</a></li>
						</ul></li>
				</ul>
			</div>
			<!-- /container -->
		</div>
		<!-- /subnavbar-inner -->
	</div>
	<!-- /subnavbar -->
	<div class="main">
		<div class="main-inner">
			<div class="container" style="width: 90%">
				<div class="row">
					<!-- 					<div class="span2">
						<div class="widget widget-nopad">
							<div class="widget-header">
								<i class="icon-bookmark"></i>
								<h3>Request报文</h3>
							</div>
							<div class="widget-content" style="height: 546px">
								<div class="widget big-stats-container">
									<div class="widget-content">
										<div id="big_stats" class="cf"></div>
									</div>
								</div>
							</div>
						</div>
					</div> -->
					<div class="span16">
						<div class="widget widget-nopad">
							<div class="widget-header">
								<i class="icon-bookmark"></i>
								<h3>Request报文</h3>
								<button type="button" class="btn btn-warning" onclick="document.getElementById('request_form').submit()">提交</button>
							</div>
							<div class="widget-content">
								<h6 class="bigstats">A fully responsive premium quality admin template built on Twitter Bootstrap. These are some dummy lines to fill the area.</h6>
								<div class="widget big-stats-container">
									<div class="widget-content">
										<div id="big_stats" class="cf">
											<form action="invok" id="request_form" method="post">
												<textarea class="form-control" rows="20" name="request" style="width: 99%; margin-left: -1px">${request} </textarea>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>


					<div class="span16">
						<div class="widget widget-nopad">
							<div class="widget-header">
								<i class="icon-bookmark"></i>
								<h3>response报文</h3>
								<button type="button" class="btn btn-warning">导出</button>
							</div>
							<c:forEach begin="0" end="9" varStatus="i">
								<table class="table table-bordered" id="${i.index}">
									<tr>
										<th>adultFacePrice</th>
										<th>childFacePrice</th>
										<th>adultAllTax</th>
										<th>childAllTax</th>
										<th>airlineCompany</th>
										<th>specialPrice</th>
										<th>privatePrice</th>
										<th>freightNo</th>
										<th>passengerNature</th>
										<th>directFlight</th>
										<th>takenSeat</th>
										<th>rangeSegmentCount</th>
										<th>freightRuleQueryID</th>
										<th>latestTicketDate</th>
										<th>flightCombineRule</th>
										<th>policyReturnPoint</th>
										<th>segmentList</th>
									</tr>
									<c:forEach items="${tzResponse}" var="tzResponse">
										<tr>
											<td class="active">${tzResponse.adultFacePrice }</td>
											<td class="success">${tzResponse.childFacePrice }</td>
											<td class="warning">${tzResponse.adultAllTax }</td>
											<td class="danger">${tzResponse.childAllTax }</td>
											<td class="info">${tzResponse.airlineCompany }</td>
											<td class="info">${tzResponse.specialPrice }</td>
											<td class="info">${tzResponse.privatePrice }</td>
											<td class="info">${tzResponse.freightNo }</td>
											<td class="info">${tzResponse.passengerNature }</td>
											<td class="info">${tzResponse.rangeSegmentCount }</td>
											<td class="info">${tzResponse.freightRuleQueryID }</td>
											<td class="info">${tzResponse.latestTicketDate }</td>
											<td class="info">${tzResponse.flightCombineRule }</td>
											<td class="info">${tzResponse.segmentList }</td>
											<td class="info"></td>
											<td class="info"></td>
											<td class="info"></td>
											<td class="info"></td>
										</tr>
									</c:forEach>
								</table>
							</c:forEach>
							<nav>
								<ul class="pagination">
									<li><a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span>
									</a></li>
									<li><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li><a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span>
									</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>

		</div>

		<!-- /main -->
		<div class="extra">
			<div class="extra-inner">
				<div class="container">
					<div class="row">
						<div class="span3">
							<h4>About Free Admin Template</h4>
							<ul>
								<li><a href="javascript:;">EGrappler.com</a></li>
								<li><a href="javascript:;">Web Development Resources</a></li>
								<li><a href="javascript:;">Responsive HTML5 Portfolio Templates</a></li>
								<li><a href="javascript:;">Free Resources and Scripts</a></li>
							</ul>
						</div>
						<!-- /span3 -->
						<div class="span3">
							<h4>Support</h4>
							<ul>
								<li><a href="javascript:;">Frequently Asked Questions</a></li>
								<li><a href="javascript:;">Ask a Question</a></li>
								<li><a href="javascript:;">Video Tutorial</a></li>
								<li><a href="javascript:;">Feedback</a></li>
							</ul>
						</div>
						<!-- /span3 -->
						<div class="span3">
							<h4>Something Legal</h4>
							<ul>
								<li><a href="javascript:;">Read License</a></li>
								<li><a href="javascript:;">Terms of Use</a></li>
								<li><a href="javascript:;">Privacy Policy</a></li>
							</ul>
						</div>
						<!-- /span3 -->
						<div class="span3">
							<h4>Open Source jQuery Plugins</h4>
							<ul>
								<li><a href="http://sc.chinaz.com">Open Source jQuery Plugins</a></li>
								<li><a href="http://sc.chinaz.com;">HTML5 Responsive Tempaltes</a></li>
								<li><a href="http://sc.chinaz.com;">Free Contact Form Plugin</a></li>
								<li><a href="http://sc.chinaz.com;">Flat UI PSD</a></li>
							</ul>
						</div>
						<!-- /span3 -->
					</div>
					<!-- /row -->
				</div>
				<!-- /container -->
			</div>
			<!-- /extra-inner -->
		</div>
		<!-- /extra -->
		<div class="footer">
			<div class="footer-inner">
				<div class="container">
					<div class="row">
						<div class="span12">
							&copy; 2015 <a href="http://www.chenshang.ueuo.com/">LocalTest For Openapi By Chenshang</a>.
						</div>
						<!-- /span12 -->
					</div>
					<!-- /row -->
				</div>
				<!-- /container -->
			</div>
			<!-- /footer-inner -->
		</div>
		<!-- /footer -->
		<!-- Le javascript
================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/excanvas.min.js"></script>
		<script src="js/chart.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.js"></script>
		<script language="javascript" type="text/javascript" src="js/full-calendar/fullcalendar.min.js"></script>

		<script src="js/base.js"></script>
		<!-- <script type="text/javascript">
			$(function() {
				jQuery.ajax({
					url : 'http://localhost:8081/test-openapi/ajax',
					contentType : "application/xml",//application/xml  
					processData : true,//contentType为xml时，些值为false  
					dataType : "xml",//json--返回json数据类型；xml--返回xml  
					data : {
						tzResponse : 'tag123'
					},
					success : function(data) {
						document.write(data.applyList.length);
					},
					error : function(e) {
						document.write('error');
					}
				});
			});
		</script> -->
</body>
</html>
